<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js"><!--<![endif]--><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <title>定制并下载 · Bootstrap中文网</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Bootstrap是Twitter推出的一个用于前端开发的开源工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。Bootstrap中文网致力于为广大国内开发者提供详尽的中文文档、代码实例等，助力开发者掌握并使用这一框架。">
    <meta name="author" content="Bootstrap中文网">
    <meta name="keywords" content="Bootstrap,CSS,CSS框架,CSS framework,javascript,bootcss,bootstrap开发,bootstrap代码,bootstrap入门">
    <meta name="robots" content="index,follow">
    <meta name="application-name" content="bootcss.com">

    <!-- Le styles -->
    <link href="docfiles/bootstrap.css" rel="stylesheet">
    <link href="docfiles/bootstrap-responsive.css" rel="stylesheet">
    <link href="docfiles/docs.css" rel="stylesheet">
    <style>
    h1, h2, h3, .masthead p, .subhead p, .marketing h2, .lead
{
  font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", "Microsoft YaHei", SimHei, "\5B8B\4F53", simsun, sans-serif;
  font-weight: normal;
}

#scrollUp {
  bottom: 20px;
  right: 20px;
  height: 38px;  /* Height of image */
  width: 38px; /* Width of image */
  background: url("assets/img/top.png") no-repeat;
}
    </style>
    <link href="docfiles/prettify.css" rel="stylesheet">
    <link href="docfiles/bootstro.css" rel="stylesheet">

    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="//cdnjs.bootcss.com/ajax/libs/html5shiv/3.6.2/html5shiv.js"></script>
    <![endif]-->

    <!-- Le fav and touch icons -->
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/ico/apple-touch-icon-114-precomposed.png">
      <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
                    <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
                                   <link rel="shortcut icon" href="assets/ico/favicon.png">

    <script>
var _hmt = _hmt || [];
</script>
  <style type="text/css" id="holderjs-style">.holderjs-fluid {font-size:16px;font-weight:bold;text-align:center;font-family:sans-serif;margin:0}</style></head>

  <body data-spy="scroll" data-target=".bs-docs-sidebar">

    <!-- Navbar
    ================================================== -->
    <div class="navbar navbar-inverse navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="brand" href="">Bootstrap中文网</a>
          <div class="nav-collapse collapse">
            <ul class="nav">
              <li class="">
                <a href="index.html">首页</a>
              </li>
              <li class="">
                <a href="getting-started.html" class="bootstro" data-bootstro-title="这里介绍了从零开始使用Bootstrap的基本步骤。教你创建一个最简单的Bootstrap页面。" data-bootstro-placement="bottom" data-bootstro-step="0">起步</a>
              </li>
              <li class="">
                <a href="scaffolding.html" class="bootstro" data-bootstro-title="这里详细介绍了Bootstrap的栅格系统。对于栅格系统的理论知识，最好动手谷歌一下！" data-bootstro-placement="bottom" data-bootstro-step="1">脚手架</a>
              </li>
              <li class="">
                <a href="base-css.html" class="bootstro" data-bootstro-title="这里介绍了Bootstrap对HTML标签所设置的默认样式。任何一个符合HTML5规范的页面只要引入Bootstrap就自然具有了优雅的外观，这就是Bootstrap的功劳！" data-bootstro-placement="bottom" data-bootstro-step="2">基本CSS样式</a>
              </li>
              <li class="">
                <a href="components.html" class="bootstro" data-bootstro-title="这里介绍了常用的诸如按钮、弹框、导航条、下拉菜单、进度条等等常见的页面组件。按照例子照猫画虎就可以，熟能生巧。这些都不需要刻意去记忆，需要的时候随时回来翻文档，然后复制、粘贴即可！" data-bootstro-placement="bottom" data-bootstro-step="3">组件</a>
              </li>
              <li class="">
                <a href="javascript.html" class="bootstro" data-bootstro-title="这里介绍了Bootstrap自带的具有交互功能的组件。页面要想与用户交互当然离不开Javascript了。Bootstrap的组件都是基于jQuery的，你熟悉jQuery吗？建议谷歌一下。" data-bootstro-placement="bottom" data-bootstro-step="4">JavaScript插件</a>
              </li>
              <li class="active">
                <a href="customize.html" class="bootstro" data-bootstro-title="在这里可以通过设置Bootstrap提供的参数改变Bootstrap的样貌。我们不建议过早接触这里，在你熟悉Bootstrap阶段，最好是通过覆盖样式的方式修改Bootstrap默认的外观。等你需要深入了解Bootstrap时，可以先学习Lesscss ---&gt;&gt;&gt;" data-bootstro-placement="bottom" data-bootstro-step="5">定制</a>
              </li>
              <li class="lesscss">
                <a target="_blank" href="lesscss.html" class="bootstro" data-bootstro-title="Lesscss是一种预编译脚本，编译之后就是你所熟悉的CSS了。Bootstrap就是采用Less语法书写的。想要深入Bootstrap底层的同学一定要看这里打好基础！" data-bootstro-placement="bottom" data-bootstro-step="6">Lesscss教程</a>
              </li>

              <li class="">
                <a href="about.html">关于</a>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>

<!-- Masthead
================================================== -->
<header class="jumbotron subhead" id="overview">
  <div class="container">
    <h1>定制并下载</h1>
    <p class="lead">直接<a href="https://github.com/twitter/bootstrap/zipball/master">下载Bootstrap</a> 或者定制变量、组件、JavaScript插件等。</p>
  </div>
</header>


  <div class="container">

    <!-- Docs nav
    ================================================== -->
    <div class="row">
      <div class="span3 bs-docs-sidebar">
        <ul class="nav nav-list bs-docs-sidenav affix">
          <li class=""><a href="#components"><i class="icon-chevron-right"></i> 1. 选择组件</a></li>
          <li class=""><a href="#plugins"><i class="icon-chevron-right"></i> 2. 选择jQuery插件</a></li>
          <li class=""><a href="#variables"><i class="icon-chevron-right"></i> 3. 定制变量</a></li>
          <li class="active"><a href="#download"><i class="icon-chevron-right"></i> 4. 下载</a></li>
        </ul>
      </div>
      <div class="span9">


        <!-- Customize form
        ================================================== -->
        <form>
          <section class="download" id="components">
            <div class="page-header">
              <a class="btn btn-small pull-right toggle-all" href="#">全选</a>
              <h1>
                1. 选择组件
              </h1>
            </div>
            <div class="row download-builder">
              <div class="span3">
                <h3>脚手架</h3>
                <label class="checkbox"><input checked="checked" value="reset.less" type="checkbox"> Normalize and reset</label>
                <label class="checkbox"><input checked="checked" value="scaffolding.less" type="checkbox"> Body type and links</label>
                <label class="checkbox"><input checked="checked" value="grid.less" type="checkbox"> 栅格系统</label>
                <label class="checkbox"><input checked="checked" value="layouts.less" type="checkbox"> 布局</label>
                <h3>基本CSS样式</h3>
                <label class="checkbox"><input checked="checked" value="type.less" type="checkbox"> Headings, body, etc</label>
                <label class="checkbox"><input checked="checked" value="code.less" type="checkbox"> Code and pre</label>
                <label class="checkbox"><input checked="checked" value="labels-badges.less" type="checkbox"> Labels and badges</label>
                <label class="checkbox"><input checked="checked" value="tables.less" type="checkbox"> 表格</label>
                <label class="checkbox"><input checked="checked" value="forms.less" type="checkbox"> 表单</label>
                <label class="checkbox"><input checked="checked" value="buttons.less" type="checkbox"> 按钮</label>
                <label class="checkbox"><input checked="checked" value="sprites.less" type="checkbox"> Icons</label>
              </div><!-- /span -->
              <div class="span3">
                <h3>组件</h3>
                <label class="checkbox"><input checked="checked" value="button-groups.less" type="checkbox"> Button groups and dropdowns</label>
                <label class="checkbox"><input checked="checked" value="navs.less" type="checkbox"> Navs, tabs, and pills</label>
                <label class="checkbox"><input checked="checked" value="navbar.less" type="checkbox"> 导航条</label>
                <label class="checkbox"><input checked="checked" value="breadcrumbs.less" type="checkbox"> 面包屑</label>
                <label class="checkbox"><input checked="checked" value="pagination.less" type="checkbox"> 分页</label>
                <label class="checkbox"><input checked="checked" value="pager.less" type="checkbox"> Pager</label>
                <label class="checkbox"><input checked="checked" value="thumbnails.less" type="checkbox"> 缩略图</label>
                <label class="checkbox"><input checked="checked" value="alerts.less" type="checkbox"> 警告对话框</label>
                <label class="checkbox"><input checked="checked" value="progress-bars.less" type="checkbox"> 进度条</label>
                <label class="checkbox"><input checked="checked" value="hero-unit.less" type="checkbox"> Hero unit</label>
                <label class="checkbox"><input checked="checked" value="media.less" type="checkbox"> Media component</label>
                <h3>JS Components</h3>
                <label class="checkbox"><input checked="checked" value="tooltip.less" type="checkbox"> Tooltips</label>
                <label class="checkbox"><input checked="checked" value="popovers.less" type="checkbox"> Popovers</label>
                <label class="checkbox"><input checked="checked" value="modals.less" type="checkbox"> Modals</label>
                <label class="checkbox"><input checked="checked" value="dropdowns.less" type="checkbox"> 下拉菜单</label>
                <label class="checkbox"><input checked="checked" value="accordion.less" type="checkbox"> Collapse</label>
                <label class="checkbox"><input checked="checked" value="carousel.less" type="checkbox"> Carousel</label>
              </div><!-- /span -->
              <div class="span3">
                <h3>Miscellaneous</h3>
                <label class="checkbox"><input checked="checked" value="wells.less" type="checkbox"> Wells</label>
                <label class="checkbox"><input checked="checked" value="close.less" type="checkbox"> Close icon</label>
                <label class="checkbox"><input checked="checked" value="utilities.less" type="checkbox"> Utilities</label>
                <label class="checkbox"><input checked="checked" value="component-animations.less" type="checkbox"> Component animations</label>
                <h3>Responsive</h3>
                <label class="checkbox"><input checked="checked" value="responsive-utilities.less" type="checkbox"> Visible/hidden classes</label>
                <label class="checkbox"><input checked="checked" value="responsive-767px-max.less" type="checkbox"> Narrow tablets and below (&lt;767px)</label>
                <label class="checkbox"><input checked="checked" value="responsive-768px-979px.less" type="checkbox"> Tablets to desktops (767-979px)</label>
                <label class="checkbox"><input checked="checked" value="responsive-1200px-min.less" type="checkbox"> Large desktops (&gt;1200px)</label>
                <label class="checkbox"><input checked="checked" value="responsive-navbar.less" type="checkbox"> Responsive navbar</label>
              </div><!-- /span -->
            </div><!-- /row -->
          </section>

          <section class="download" id="plugins">
            <div class="page-header">
              <a class="btn btn-small pull-right toggle-all" href="#">全选</a>
              <h1>
                2. 选择jQuery插件
              </h1>
            </div>
            <div class="row download-builder">
              <div class="span3">
                <label class="checkbox">
                  <input checked="checked" value="bootstrap-transition.js" type="checkbox">
                  Transitions <small>(required for any animation)</small>
                </label>
                <label class="checkbox">
                  <input checked="checked" value="bootstrap-modal.js" type="checkbox">
                  Modals
                </label>
                <label class="checkbox">
                  <input checked="checked" value="bootstrap-dropdown.js" type="checkbox">
                  下拉菜单
                </label>
                <label class="checkbox">
                  <input checked="checked" value="bootstrap-scrollspy.js" type="checkbox">
                  Scrollspy
                </label>
                <label class="checkbox">
                  <input checked="checked" value="bootstrap-tab.js" type="checkbox">
                  Togglable tabs
                </label>
                <label class="checkbox">
                  <input checked="checked" value="bootstrap-tooltip.js" type="checkbox">
                  Tooltips
                </label>
                <label class="checkbox">
                  <input checked="checked" value="bootstrap-popover.js" type="checkbox">
                  Popovers <small>(requires Tooltips)</small>
                </label>
              </div><!-- /span -->
              <div class="span3">
                <label class="checkbox">
                  <input checked="checked" value="bootstrap-affix.js" type="checkbox">
                  Affix
                </label>
                <label class="checkbox">
                  <input checked="checked" value="bootstrap-alert.js" type="checkbox">
                  Alert messages
                </label>
                <label class="checkbox">
                  <input checked="checked" value="bootstrap-button.js" type="checkbox">
                  按钮
                </label>
                <label class="checkbox">
                  <input checked="checked" value="bootstrap-collapse.js" type="checkbox">
                  Collapse
                </label>
                <label class="checkbox">
                  <input checked="checked" value="bootstrap-carousel.js" type="checkbox">
                  Carousel
                </label>
                <label class="checkbox">
                  <input checked="checked" value="bootstrap-typeahead.js" type="checkbox">
                  Typeahead
                </label>
              </div><!-- /span -->
              <div class="span3">
                <h4 class="muted">Heads up!</h4>
                <p class="muted">All checked plugins will be compiled into a single file, bootstrap.js. All plugins require the latest version of <a href="http://jquery.com/" target="_blank">jQuery</a> to be included.</p>
              </div><!-- /span -->
            </div><!-- /row -->
          </section>


          <section class="download" id="variables">
            <div class="page-header">
              <a class="btn btn-small pull-right toggle-all" href="#">Reset to defaults</a>
              <h1>
                3. 定制变量
              </h1>
            </div>
            <div class="row download-builder">
              <div class="span3">
                <h3>脚手架</h3>
                <label>@bodyBackground</label>
                <input class="span3" placeholder="@white" type="text">
                <label>@textColor</label>
                <input class="span3" placeholder="@grayDark" type="text">

                <h3>Links</h3>
                <label>@linkColor</label>
                <input class="span3" placeholder="#08c" type="text">
                <label>@linkColorHover</label>
                <input class="span3" placeholder="darken(@linkColor, 15%)" type="text">
                <h3>Colors</h3>
                <label>@blue</label>
                <input class="span3" placeholder="#049cdb" type="text">
                <label>@green</label>
                <input class="span3" placeholder="#46a546" type="text">
                <label>@red</label>
                <input class="span3" placeholder="#9d261d" type="text">
                <label>@yellow</label>
                <input class="span3" placeholder="#ffc40d" type="text">
                <label>@orange</label>
                <input class="span3" placeholder="#f89406" type="text">
                <label>@pink</label>
                <input class="span3" placeholder="#c3325f" type="text">
                <label>@purple</label>
                <input class="span3" placeholder="#7a43b6" type="text">

                <h3>Sprites</h3>
                <label>@iconSpritePath</label>
                <input class="span3" placeholder="'../img/glyphicons-halflings.png'" type="text">
                <label>@iconWhiteSpritePath</label>
                <input class="span3" placeholder="'../img/glyphicons-halflings-white.png'" type="text">

                <h3>栅格系统</h3>
                <label>@gridColumns</label>
                <input class="span3" placeholder="12" type="text">
                <label>@gridColumnWidth</label>
                <input class="span3" placeholder="60px" type="text">
                <label>@gridGutterWidth</label>
                <input class="span3" placeholder="20px" type="text">
                <label>@gridColumnWidth1200</label>
                <input class="span3" placeholder="70px" type="text">
                <label>@gridGutterWidth1200</label>
                <input class="span3" placeholder="30px" type="text">
                <label>@gridColumnWidth768</label>
                <input class="span3" placeholder="42px" type="text">
                <label>@gridGutterWidth768</label>
                <input class="span3" placeholder="20px" type="text">

              </div><!-- /span -->
              <div class="span3">

                <h3>排版</h3>
                <label>@sansFontFamily</label>
                <input class="span3" placeholder="'Helvetica Neue', Helvetica, Arial, sans-serif" type="text">
                <label>@serifFontFamily</label>
                <input class="span3" placeholder="Georgia, 'Times New Roman', Times, serif" type="text">
                <label>@monoFontFamily</label>
                <input class="span3" placeholder="Menlo, Monaco, 'Courier New', monospace" type="text">

                <label>@baseFontSize</label>
                <input class="span3" placeholder="14px" type="text">
                <label>@baseFontFamily</label>
                <input class="span3" placeholder="@sansFontFamily" type="text">
                <label>@baseLineHeight</label>
                <input class="span3" placeholder="20px" type="text">

                <label>@altFontFamily</label>
                <input class="span3" placeholder="@serifFontFamily" type="text">
                <label>@headingsFontFamily</label>
                <input class="span3" placeholder="inherit" type="text">
                <label>@headingsFontWeight</label>
                <input class="span3" placeholder="bold" type="text">
                <label>@headingsColor</label>
                <input class="span3" placeholder="inherit" type="text">

                <label>@fontSizeLarge</label>
                <input class="span3" placeholder="@baseFontSize * 1.25" type="text">
                <label>@fontSizeSmall</label>
                <input class="span3" placeholder="@baseFontSize * 0.85" type="text">
                <label>@fontSizeMini</label>
                <input class="span3" placeholder="@baseFontSize * 0.75" type="text">

                <label>@paddingLarge</label>
                <input class="span3" placeholder="11px 19px" type="text">
                <label>@paddingSmall</label>
                <input class="span3" placeholder="2px 10px" type="text">
                <label>@paddingMini</label>
                <input class="span3" placeholder="1px 6px" type="text">

                <label>@baseBorderRadius</label>
                <input class="span3" placeholder="4px" type="text">
                <label>@borderRadiusLarge</label>
                <input class="span3" placeholder="6px" type="text">
                <label>@borderRadiusSmall</label>
                <input class="span3" placeholder="3px" type="text">

                <label>@heroUnitBackground</label>
                <input class="span3" placeholder="@grayLighter" type="text">
                <label>@heroUnitHeadingColor</label>
                <input class="span3" placeholder="inherit" type="text">
                <label>@heroUnitLeadColor</label>
                <input class="span3" placeholder="inherit" type="text">

                <h3>表格</h3>
                <label>@tableBackground</label>
                <input class="span3" placeholder="transparent" type="text">
                <label>@tableBackgroundAccent</label>
                <input class="span3" placeholder="#f9f9f9" type="text">
                <label>@tableBackgroundHover</label>
                <input class="span3" placeholder="#f5f5f5" type="text">
                <label>@tableBorder</label>
                <input class="span3" placeholder="#ddd" type="text">

                <h3>表单</h3>
                <label>@placeholderText</label>
                <input class="span3" placeholder="@grayLight" type="text">
                <label>@inputBackground</label>
                <input class="span3" placeholder="@white" type="text">
                <label>@inputBorder</label>
                <input class="span3" placeholder="#ccc" type="text">
                <label>@inputBorderRadius</label>
                <input class="span3" placeholder="3px" type="text">
                <label>@inputDisabledBackground</label>
                <input class="span3" placeholder="@grayLighter" type="text">
                <label>@formActionsBackground</label>
                <input class="span3" placeholder="#f5f5f5" type="text">
                <label>@btnPrimaryBackground</label>
                <input class="span3" placeholder="@linkColor" type="text">
                <label>@btnPrimaryBackgroundHighlight</label>
                <input class="span3" placeholder="darken(@white, 10%)" type="text">

              </div><!-- /span -->
              <div class="span3">

                <h3>Form states &amp; alerts</h3>
                <label>@warningText</label>
                <input class="span3" placeholder="#c09853" type="text">
                <label>@warningBackground</label>
                <input class="span3" placeholder="#fcf8e3" type="text">
                <label>@errorText</label>
                <input class="span3" placeholder="#b94a48" type="text">
                <label>@errorBackground</label>
                <input class="span3" placeholder="#f2dede" type="text">
                <label>@successText</label>
                <input class="span3" placeholder="#468847" type="text">
                <label>@successBackground</label>
                <input class="span3" placeholder="#dff0d8" type="text">
                <label>@infoText</label>
                <input class="span3" placeholder="#3a87ad" type="text">
                <label>@infoBackground</label>
                <input class="span3" placeholder="#d9edf7" type="text">

                <h3>导航条</h3>
                <label>@navbarHeight</label>
                <input class="span3" placeholder="40px" type="text">
                <label>@navbarBackground</label>
                <input class="span3" placeholder="@grayDarker" type="text">
                <label>@navbarBackgroundHighlight</label>
                <input class="span3" placeholder="@grayDark" type="text">
                <label>@navbarText</label>
                <input class="span3" placeholder="@grayLight" type="text">
                <label>@navbarBrandColor</label>
                <input class="span3" placeholder="@navbarLinkColor" type="text">
                <label>@navbarLinkColor</label>
                <input class="span3" placeholder="@grayLight" type="text">
                <label>@navbarLinkColorHover</label>
                <input class="span3" placeholder="@white" type="text">
                <label>@navbarLinkColorActive</label>
                <input class="span3" placeholder="@navbarLinkColorHover" type="text">
                <label>@navbarLinkBackgroundHover</label>
                <input class="span3" placeholder="transparent" type="text">
                <label>@navbarLinkBackgroundActive</label>
                <input class="span3" placeholder="@navbarBackground" type="text">
                <label>@navbarSearchBackground</label>
                <input class="span3" placeholder="lighten(@navbarBackground, 25%)" type="text">
                <label>@navbarSearchBackgroundFocus</label>
                <input class="span3" placeholder="@white" type="text">
                <label>@navbarSearchBorder</label>
                <input class="span3" placeholder="darken(@navbarSearchBackground, 30%)" type="text">
                <label>@navbarSearchPlaceholderColor</label>
                <input class="span3" placeholder="#ccc" type="text">

                <label>@navbarCollapseWidth</label>
                <input class="span3" placeholder="979px" type="text">
                <label>@navbarCollapseDesktopWidth</label>
                <input class="span3" placeholder="@navbarCollapseWidth + 1" type="text">

                <h3>下拉菜单</h3>
                <label>@dropdownBackground</label>
                <input class="span3" placeholder="@white" type="text">
                <label>@dropdownBorder</label>
                <input class="span3" placeholder="rgba(0,0,0,.2)" type="text">
                <label>@dropdownLinkColor</label>
                <input class="span3" placeholder="@grayDark" type="text">
                <label>@dropdownLinkColorHover</label>
                <input class="span3" placeholder="@white" type="text">
                <label>@dropdownLinkBackgroundHover</label>
                <input class="span3" placeholder="@linkColor" type="text">
              </div><!-- /span -->
            </div><!-- /row -->
          </section>

          <section class="download" id="download">
            <div class="page-header">
              <h1>
                4. 下载
              </h1>
            </div>
            <div class="download-btn">
              <a class="btn btn-primary" href="#">Customize and Download</a>
              <h4>What's included?</h4>
              <p>Downloads include compiled CSS, compiled and minified 
CSS, and compiled jQuery plugins, all nicely packed up into a zipball 
for your convenience.</p>
            </div>
          </section><!-- /download -->
        </form>



      </div>
    </div>

  </div>




    <!-- Footer
    ================================================== -->
    <footer class="footer">
      <div class="container">
        <p>Designed and built with all the love in the world by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
        <p>Code licensed under <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="http://creativecommons.org/licenses/by/3.0/" target="_blank">CC BY 3.0</a>.</p>
        <p><a href="http://glyphicons.com/" target="_blank">Glyphicons Free</a> licensed under <a href="http://creativecommons.org/licenses/by/3.0/" target="_blank">CC BY 3.0</a>.</p>
        <p>本网站所列开源项目的中文版文档全部由<a href="">Bootstrap中文网</a>成员翻译，并全部遵循 <a href="http://creativecommons.org/licenses/by/3.0/" target="_blank">CC BY 3.0</a>协议发布。</p>
        <ul class="footer-links">
          <li><a href="about.html" target="_blank">关于</a></li>
          <li class="muted">·</li>
          <li><a href="https://github.com/twitter/bootstrap/issues?state=open" target="_blank">问题反馈</a></li>
          <li class="muted">·</li>
          <li><a href="https://github.com/twitter/bootstrap/blob/master/CHANGELOG.md">版本变更记录</a></li>
          <li><a href="http://www.miibeian.gov.cn/" target="_blank">京ICP备11008151号</a></li>
        </ul>
      </div>
    </footer>



    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->

    <script src="docfiles/jquery_002.js"></script>
    <script src="docfiles/jquery.js"></script>
    <script src="docfiles/bootstrap.js"></script>
    <script src="docfiles/bootstro.js"></script>
    <script src="docfiles/prettify.js"></script>

  <script src="docfiles/jquery_003.js"></script>
    <script>
      $(document).ready(function(){
        $("img.lazy").unveil();
        
             $("#start-intro").click(function(){
                bootstro.start();    
            });

             $.scrollUp({
                  scrollName: 'scrollUp', // Element ID
                  topDistance: '300', // Distance from top before showing element (px)
                  topSpeed: 300, // Speed back to top (ms)
                  animation: 'fade', // Fade, slide, none
                  animationInSpeed: 200, // Animation in speed (ms)
                  animationOutSpeed: 200, // Animation out speed (ms)
                  scrollText: '', // Text for element
                  activeOverlay: false  // Set CSS color to display scrollUp active point, e.g '#00FFFF'
            });
          });
    </script>

    <!-- Analytics
    ================================================== -->
    <script src="docfiles/h.js" type="text/javascript"></script>
    
    <script src="docfiles/holder.js"></script>
    <script src="docfiles/application.js"></script>
  

<a style="position: fixed; z-index: 2147483647;" title="" href="#top" id="scrollUp"></a></body></html>